.main {
    width: 100%;
    height: 100%;
    background: rgb(8, 17, 32);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .title {
        height: 10%;
        width: 98%;
        text-align: center;
        font-size: 2vw;
        font-weight: 900;
        color: white;
    }

    .content {
        height: 80%;
        width: 98%;
        background: white;
        border-radius: 1vh;
        display: flex;
        align-items: center;
        flex-direction: column;
        font-weight: 700;
        font-size: 2vh;
        justify-content: space-around;

        .userInfor {
            height: 37%;
            width: 90%;
            // background: yellow;
            position: relative;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            border-radius: 0.5vh;
            border: 0.1vh black solid;
            .name {
                position: absolute;
                top: -2vh;
                background: white;
                padding: 1vh;
            }

            .each {
                width: 50%;
                height: 50%;
                display: flex;
                justify-content: center;
                align-items: center;

                span {
                    width: 10vw;
                    text-align: center;
                    display: flex;
                    justify-content: space-between;
                }

                input {
                    width: 15vw;
                    height: 3vh;
                    background: rgb(220, 220, 220);
                    border: 0ch;
                    border-radius: 0.5vh;
                }
            }
        }

        .userAuthorization {
            height: 37%;
            width: 90%;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            // background: yellow;
            position: relative;
            border-radius: 0.5vh;
            border: 0.1vh black solid;

            .name {
                position: absolute;
                top: -2.5vh;
                background: white;
                padding: 1vh;

            }

            .authorization {
                width: 25%;
                height: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                span {
                    width: 8vw;
                    text-align: center;
                    display: flex;
                    justify-content: space-between;
                }

                input {
                    // width: vw;
                    height: 3vh;
                    background: rgb(220, 220, 220);
                    border: 0ch;
                    border-radius: 0.5vh;
                    margin-right: 0.5vw;
                }
            }
        }

        .buttons {
            height: 10%;
            width: 90%;
            // background: gray;
            display: flex;
            justify-content: center;

            button {
                color: #f1f9ff;
                border: 0ch;
                height: 6vh;
                width: 11.5vw;
                background: url(/src/views/index/jumpToView/buttonPhoto/buttonbefore.png) no-repeat 32.9% 84.17%;
                background-size: 105vw 95vh;
                font-size: 1vw;
                font-weight: 700;
                cursor: pointer;
                margin-right: 6vh;
            }
        }
    }
}